<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        div {
            width: 600px;
            height: 400px;
            background-color: skyblue;
        }

        img {
            width: 200px;
            float: right;
            margin-right: 10px;
        }

        .test::first-letter {
            font-size: 80px;
            float: left;
        }
    </style>
</head>
<body>

    <div>
        <img src="../16_CSS盒子模型/swk.png" alt="swk">
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Rerum est sunt distinctio temporibus aspernatur vitae repellat veritatis mollitia, provident natus eveniet dolores dolorum a, perferendis asperiores quibusdam dolorem autem consequatur.
    </div>

    <hr>

    <div class="test">
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Eligendi, maxime voluptas, cumque nesciunt fugit placeat nobis, labore similique odio doloribus nemo distinctio aspernatur. Ratione, earum porro similique officiis libero fugiat repellendus maiores, dicta, error odio nemo quo culpa laudantium iure temporibus delectus incidunt. Nobis earum atque quibusdam nulla voluptate possimus ipsum fugiat, in iusto ducimus dolorem qui voluptatum, nisi, assumenda sit itaque maxime modi illo eveniet. Doloribus unde quasi veritatis maiores corrupti, ratione, explicabo suscipit molestias, quisquam voluptas fugiat illum totam rerum autem corporis ipsa qui pariatur amet. Quaerat doloribus tempora itaque officiis eligendi aperiam, odio laborum porro impedit maiores.
    </div>
    
</body>
</html>